﻿html, body, form
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.file-browser
{
	margin-top: 0.5%;
	width: 100%;
	height: 98%;
	border-collapse: collapse;
}
.file-browser th, .file-browser td
{
	padding: 4px 6px;
}
.file-browser-head
{
	font-size: 150%;
	font-weight: bold;
}
.file-browser-current
{
	border-top: 1px solid #9bf;
	border-bottom: 1px solid #9bf;
	background: #cdf url(images/wave.png) repeat-x center center;
}
.file-browser-creation
{
	text-align: right;
}
td.file-browser-message
{
	padding: 0px;
}
span.file-browser-message
{
	display: block;
	padding: 0.5em 1em;
	background-color: #ff9;
	border-bottom: 1px solid #cc3;
	color: #000;
}
span.file-browser-message-error
{
	display: block;
	padding: 0.5em 1em;
	background-color: #fdc;
	border-bottom: 1px solid #c00;
	color: #c00;
	font-weight: bold;
}
.file-browser-message-close
{
	float: right;
	display: inline;
	font-size: 1.5em;
	margin-top: -0.2em;
	cursor: pointer;
}
.file-browser-files
{
	height: 99%;
	height: expression((jQuery(window).height() - jQuery(this).offset().top - jQuery('.file-browser-selected').outerHeight() - 8) + 'px');
}
#file-browser-files
{
	overflow: auto;
	height: 100%;
}
.file-browser-files ul
{
	margin: 0px;
	padding: 0px;
}
.file-browser-files ul li
{
	float: left;
	display: inline;
	list-style: none;
	width: 102px;
	height: 134px;
	overflow: hidden;
	text-align: center;
	padding: 0.5em;
}
.file-browser-files ul li:hover
{
	background-color: #eef4ff;
}
.file-browser-files ul li.selected
{
	background-color: #cdf;
}
.file-browser-image
{
	width: 100px;
	height: 100px;
	border: 1px outset #666;
	background-color: #fff;
	padding: 1px;
}
.file-browser-image table
{
	width: 100px;
	height: 100px;
	border-collapse: collapse;
}
.file-browser-image td
{
	padding: 0px;
	overflow: hidden;
	width: 100px;
	text-align: center;
}
.file-browser-image img
{
	max-width: 100px;
	max-height: 100px;
	border: 0px none;
}
.file-browser-caption
{
	width: 100px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}
.file-browser-selected
{
	border-top: 1px solid #9bf;
	border-bottom: 1px solid #9bf;
	background: #cdf url(images/wave.png) repeat-x center center;
}
.file-browser-selected-file
{
	font-weight: bold;
}
.file-browser-buttons
{
	text-align: right;
}